/* 公共全局样式 */

/* 最外层两边的留白 */
.layout-main {
    padding: 0 20px;
}

[class^="yh-"],
[class*=" yh-"] {
    font-size: inherit !important;
}

/** -------------------- 模块拖拽样式 -------------------- **/
.move-box {
    width: 100%;
    display: flex;
    height: 100%;

    // @if ($env=='production') {
    //     height: 100vh;
    // }

    // @else {
    //     height: 100%;
    // }
}

.move-box2 {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
}

#silder-left,
.silder-left {
    width: 250px;
    height: 100%;
    position: relative;
    /* overflow-y: auto; */
}

/* 拖动条 */
.move-btn {
    height: calc(100% - 40px);
    width: 10px;
    /* opacity: 0; */
    position: absolute;
    right: -5px;
    top: 0;
    cursor: e-resize;
    z-index: 2001;
    margin: 30px 0 10px;
}

.silder-right {
    height: 100%;
    flex: 1;
    position: relative;
    overflow-x: auto;
    box-shadow: 0 5px 12px -5px rgba(0, 0, 0, 0.1);
}

.silder-right-box {
    width: 100%;
    min-width: 300px;
    max-width: 3000px;
}

.silder-right .task-table-style {
    width: 100%;
}

.input-move {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.input-move .input-container {
    width: calc(100% - 95px);
    min-width: 90px;
}

#silder-top {
    width: 100%;
    height: 350px;
    position: relative;
    /* overflow-y: auto; */
}

.silder-top {
    width: 100%;
    height: 410px;
    position: relative;
    /* overflow-y: auto; */
}

/* 纵向拖动条 */
.move-btn2 {
    height: 10px;
    width: 100%;
    /* opacity: 0; */
    position: absolute;
    // right: 0;
    bottom: -5px;
    cursor: n-resize;
    z-index: 2001;
}

.silder-bottom {
    width: 100%;
    flex: 1;
    position: relative;
    overflow-x: auto;
    box-shadow: 0 5px 12px -5px rgba(0, 0, 0, 0.1);
}

.silder-bottom-box {
    height: 100%;
    min-height: 300px;
    max-height: 3000px;
}

.silder-bottom .task-table-style {
    width: 100%;
}

.border-bottom-style {
    border-bottom: 1px solid #cacaca;
}

.over-auto {
    overflow-y: auto;
}

.height-100 {
    height: 100%;
}

/** -------------------- 模块拖拽样式 -------------------- **/

/** -------------------- el-table vxe-table 样式统一 -------------------- **/

.el-table {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial,
        sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;

    border-color: rgb(232, 234, 236);

    td {
        border-color: rgb(232, 234, 236);

        .cell {
            padding: 2px 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    }

    .el-table-column--selection {
        // 勾选框居中
        text-align: center;
    }

    thead {
        th {
            text-align: center;
            font-weight: bolder;
            color: #666666;
            background: rgba(232, 243, 255, 1);
            // background: #e8f3ff;
            border-color: rgb(232, 234, 236);

            .cell {
                padding: 2px 10px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                max-height: 27px;

                // sort时 保持行高
                .caret-wrapper {
                    vertical-align: top;

                    .sort-caret.ascending {
                        top: 1px;
                    }

                    .sort-caret.descending {
                        bottom: 11px;
                    }
                }
            }
        }
    }
}

// 解决yhbiz 100% 造成的拖动列错位 待测试 测试通过可全局
// .vxe-table .vxe-table--header {
//     width: 10px !important;
// }

.vxe-header--row {
    th {
        background: #e8f3ff;
        user-select: initial !important;
    }

    .vxe-header--column {
        .vxe-cell {
            line-height: 23px;
            justify-content: center !important;

            .vxe-cell--title {
                font-weight: 700;
            }
        }
    }

    .filter--active .vxe-cell--filter .vxe-filter--btn {
        color: #107fff;
    }
}

/** -------------------- el-table vxe-table 样式统一 -------------------- **/

/** -------------------- el-date-picker 样式统一 -------------------- **/
// 日期框hover颜色
.el-range-editor.is-active,
.el-range-editor.is-active:hover {
    border-color: #409eff !important;
}

/** -------------------- el-date-picker 样式统一 -------------------- **/

/** -------------------- el-textarea__inner 样式统一 -------------------- **/
.el-textarea__inner:hover {
    border-color: #409eff !important;
}

.el-textarea__inner:focus {
    border-color: #409eff !important;
}

/** -------------------- el-textarea__inner 样式统一 -------------------- **/

/** -------------------- vxe-input 样式统一 -------------------- **/
.vxe-select {
    &.is--active {
        &>.vxe-input {
            .vxe-input--inner {
                border: 1px solid #409eff !important;
            }
        }
    }
}

.vxe-select-option {
    font-size: 14px;
    padding: 0 20px;
    height: 34px !important;
    line-height: 34px !important;
    cursor: pointer;

    &.is--selected {
        color: #409eff !important;
    }

    &:not(.is--disabled) {
        &.is--hover {
            background-color: #f3f6fe !important;
            color: #409eff !important;
        }
    }

    &.is--disabled {
        color: #bebebe !important;
    }
}

/** -------------------- vxe-input 样式统一 -------------------- **/

// 圆圈图标
.circle-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 5px solid #2288ff;
    border-radius: 50%;
    position: absolute;
    margin-top: 3px;
}

.el-scrollbar .el-select-dropdown__list {
    max-width: 500px !important;
}

#left-tab {

    .is-active,
    .el-tabs__item {
        padding: 0 20px !important;
        height: 40px !important;
        background: none !important;
        text-align: right !important;
        line-height: 40px !important;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
    }

    .el-tabs__item:hover {
        background: none !important;
        color: var(--primary) !important;
    }

    .el-tabs__active-bar {
        background-color: var(--primary) !important;
    }
}

// 竖分隔符
.separator {
    position: relative;
    display: inline-block;
    width: 1px;
    height: 20px;
    margin: 0 10px;
}

.separator::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: rgba(229, 229, 229, 1);
    height: 28px;
}

.el-link.el-link--danger {
    color: #dc5959 !important;
}

.el-link.el-link--primary {
    color: var(--primary) !important;
}

/** -------------------- ZC查询表单样式 -------------------- **/
.table-toolbar {
    padding: 11px 0;
}

.flex-box {
    display: flex;
    flex-wrap: wrap;

    .width-4 {
        width: 4%;
    }

    .width-5 {
        width: 5%;
    }

    .width-8 {
        width: 8%;
    }

    .width-10 {
        width: 10%;
    }

    .width-12 {
        width: 12%;
    }

    .width-13 {
        width: 13%;
    }

    .width-14 {
        width: 14%;
    }

    .width-15 {
        width: 15%;
    }

    .width-20 {
        width: 20%;
    }

    .width-22 {
        width: 22%;
    }

    .width-23 {
        width: 23%;
    }

    .width-24 {
        width: 24%;
    }

    .width-25 {
        width: 25%;
    }

    .width-33 {
        width: 33%;
    }

    .width-50 {
        width: 50%;
    }

    .width-100 {
        width: 100%;
    }

    .el-form-item {
        margin: 0;

        .el-form-item__label {
            color: #575757;
            padding: 0;
            // font-size: 12px;
        }

        .el-form-item__content {
            .el-select--mini {
                width: 100%;
            }

            .el-date-editor.el-input {
                width: 100%;
            }

            .el-input-group {
                vertical-align: inherit;
                display: inline-table;
            }
        }
    }



    /*** collapse-tags样式 ***/
    /deep/ span.el-tag.el-tag--info.el-tag--mini.el-tag--light {
        display: flex;
        align-items: center;
        width: 100%;
        max-width: fit-content;
        padding: 0px 5px 0 0;
        margin: 4px 0px 2px 2px;

        .el-select__tags-text {
            display: inline-block;
            font-size: 12px;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    }

    /deep/ span.el-tag.el-tag--info.el-tag--mini.el-tag--light:first-of-type {
        width: 63%;
    }

    /deep/ span.el-tag.el-tag--info.el-tag--mini.el-tag--light:last-of-type {
        width: 100%;
    }

    /*** collapse-tags样式 ***/
}

/** -------------------- ZC查询表单样式 -------------------- **/
.clause-info {

    .el-radio .el-radio__input.is-checked+.el-radio__label,
    .el-radio .el-radio__input+.el-radio__label {
        // color: var(--main-bg-text-color) !important;
        font-size: var(--font-size-2) !important;
    }
}

.zc-icon {
    width: 25px;
    height: 25px;
    margin: 0 5px;
    background-size: 100%;
    cursor: pointer;
}

.img-dachuang {
    background-image: url('../images/common/btn/dachuang.png');
}

.img-dachuang:hover {
    background-image: url('../images/common/btn/dachuang-copy.png');
}

.img-xiaochuang {
    background-image: url('../images/common/btn/xiaochuang.png');
}

.img-xiaochuang:hover {
    background-image: url('../images/common/btn/xiaochuang-copy.png');
}

.img-guanbi {
    background-image: url('../images/common/btn/guanbi.png');
}

.img-guanbi:hover {
    background-image: url('../images/common/btn/guanbi-copy.png');
}

.vue-treeselect__multi-value-item:hover .vue-treeselect__value-remove {
    color: var(--primary) !important;
}
